<html>
    <head>
        <link rel="stylesheet" href="index.css">
        <script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
        <!-- <link rel="stylesheet" href="debug.css"> -->
    </head>
    <body>
        
        <div class="callpage">
            <div class="topbar">
                <div class="topitem"><i class="fab fa-apple"></i></div>
                <div class="topitem">中国网络</div>
                <div class="topitem"><i class="fa fa-wifi"></i></div>
                <div class="topitem">15:24</div>
                <div class="topitem"><i class="fa fa-map"></i></div>
                <div class="topitem"><i class="fa fa-clock"></i></div>
                <div class="topitem"><i class="fa fa-location-arrow"></i></div>
                <div class="topitem"><i class="fa fa-battery-three-quarters"></i></div>
            </div>
            
            <div class="currentnumber">010-110</div>
            <div class="tipbutton">添加号码</div>
            
            <div class="buttons">
                <div class="button">1</div>
                <div class="button">2</div>
                <div class="button">3</div>
                <div class="button">4</div>
                <div class="button">5</div>
                <div class="button">6</div>
                <div class="button">7</div>
                <div class="button">8</div>
                <div class="button">9</div>
                <div class="button star">*</div>
                <div class="button">0</div>
                <div class="button">#</div>
                <div class="button call">☏</div>
                <div class="button clear">X</div>
            </div>
            <div class="bottomItems">
                <div class="menuitem">个人收藏</div>
                <div class="menuitem">最近通话</div>
                <div class="menuitem">通讯录</div>
                <div class="menuitem cur">拨号键盘</div>
            </div>
        
    </body>
</html>